{include file="public/nheader" /}
<style>
    .exception {
        margin: 150px 0;
        text-align: center;
    }

    .exception .exception-img {
        margin: 15px 30px;
        display: inline-block;
        vertical-align: middle;
    }

    .exception .exception-text {
        margin: 15px 30px;
        display: inline-block;
        vertical-align: middle;
    }

    .exception:not(.exception-dark) .exception-content>h1,
    .exception-content>p {
        color: #515a6e;
    }

    .exception .exception-content>h1 {
        font-size: 72px;
        font-weight: 600;
        margin: 0 0 20px 0;
    }

    .exception .exception-content>p {
        font-size: 20px;
        margin: 0 0 25px 0;
        color: #808695;
    }
</style>
{if !empty($row)}
<div class="layui-fluid layui-bg-white">
    <div class="layui-form-item" style="width: 100%;overflow-x:scroll">
        <table class="layui-table layui-form">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>产品名称</th>
                    <th>图片</th>
                    <th>现金</th>
                    <th>积分</th>
                    <th>数量</th>
                </tr>
            </thead>
            <tbody>
                {foreach $row.product as $v}
                <tr>
                    <td>{$v.id|default='0'}</td>
                    <td>{$v.title|default=''}</td>
                    <td><img style="height:50px" src="{$v.images}" lay-image-click=""></td>
                    <td>{$v.price|default=''}</td>
                    <td>{$v.intergral|default=''}</td>
                    <td>{$v.number|default=''}</td>
                </tr>
                {/foreach}
            </tbody>
        </table>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">订单ID:</label>
        <div class="layui-form-label" style="text-align: left;color:#1E9FFF;width:50%">
            {$row.id|default='0'}
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">订单编号:</label>
        <div class="layui-form-label" style="text-align: left;color:#1E9FFF;width:50%">
            {$row.ordersn|default='0'}
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">用户信息:</label>
        <div class="layui-form-label" style="text-align: left;color:#1E9FFF;width:50%">
            {$row.name|default='0'} {$row.mobile|default='0'}
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">联系地址:</label>
        <div class="layui-form-label" style="text-align: left;color:#1E9FFF;width:50%">
            {$row.province_text|default='0'}/{$row.city_text|default='0'}/{$row.area_text|default='0'}/{$row.street_text|default='0'}/{$row.address|default='0'}
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">备注:</label>
        <div class="layui-form-label" style="text-align: left;color:#1E9FFF;width:50%">
            {$row.info|default='无'}
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">订单状态:</label>
        <div class="layui-form-label" style="text-align: left;color:#1E9FFF;width:50%">
            {$row.status_text|default='0'}
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">订单价格:</label>
        <div class="layui-form-label" style="text-align: left;color:#1E9FFF;width:50%">
            {$row.total|default='0'}积分 + {$row.money|default='0'}元
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">时间:</label>
        <div class="layui-form-label" style="text-align: left;color:#1E9FFF;width:50%">
            下单时间:{$row.created|default='无'}<br />
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">快递:</label>
        <div class="layui-form-label" style="text-align: left;color:#1E9FFF;width:50%">
            {$row.postalname|default=''}/{$row.postalcode|default=''}
        </div>
    </div>
</div>
{else}
<div class="exception">
    <div class="exception-text">
        <div class="exception-content">
            <p>抱歉，订单不存在</p>
        </div>
    </div>
</div>
{/if}
{include file="public/nfooter" /}